<!DOCTYPE html>
<html>
<head>
	<s3:data name='MeetingDatas.headerScript' />
    <s3:import type="css"></s3:import>
	<title></title>
	<style type="text/css">

		.cmp-table-view-cell .left_name{
			font-family: PingFangSC-Regular;
			font-size: 16px;
			color: #8F8F8F;
		}

		.cmp-table-view-cell .right_text{
			font-family: ArialMT;
			font-size: 16px;
			color: #333;
			text-align:right;
		}

		.cmp-table-view:before{
			height: 0;
		}
		.cmp-table-view:after{
			height: 0;
		}
		.cmp-table-view-cell:after{ left: 0px; }

		 .cmp-table-view{
			margin-top: 10px;
		}

		.meetingTimeRow{
			display: flex;
			display: -webkit-flex;
			justify-content: flex-start;
			-webkit-justify-content: flex-start;
		}
		.leftCell,.rightCell{
			flex:2;
			-webkit-flex:2;
		}
		.leftCell .titleLabel,.rightCell .titleLabel{
			font-family: ArialMT;
			font-size: 16px;
			color: #999999;
			letter-spacing: 0;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.leftCell .timeLabel,.rightCell .timeLabel{
			font-family: ArialMT;
			font-size: 16px;
			color: #000000;
		}
		.leftCell input,.rightCell input{
			font-family: ArialMT;
			font-size: 16px;
			color: #717171;
		}
		.startReq em{
			color: red;
		}
		.centerCell{
			flex:1;
			-webkit-flex:1;
			display: flex;
			display: -webkit-flex;
			justify-content: center;
			-webkit-justify-content: center;
			align-items: center;
			-webkit-align-items: center;
		}
		.go-row{
			height: 28px;
			line-height: 28px;
		}
		.go-row:first-child{
			margin-top: 10px;

		}
		.go-row{
			padding-left: 11px;
		}
		.go-row input{
			height: 25px;
			line-height: 25px;
			padding-left: 12px;
			border: 0;
		}
		#descriptionCell:after{
			height:0;
		}
	</style>
</head>
<body  class="cmp-fullscreen cmp-ios cmp-ios-9 cmp-ios-9-1" style="background-color: #F8F9FB">
	<div id="contentDiv" class="cmp-content back_white cmp-content-none" style="bottom:50px;width:100%;background-color: #F8F9FB;">
		<ul class="cmp-table-view new_header_content">
			<div class="meetingTimeRow" style="height: 103px">
				<div class="leftCell">
					<div class="go-row">
						<!--开始时间-->
						<span class="startReq">
							<em>*</em>
							<span class="titleLabel"><i18n key="meeting.meetingRoomApply.startTime"></i18n></span>
						</span>
					</div>
					<div class="go-row">
						<!--开始时间的年月日-->
						<div class="titleLabel" style="color: #717171;" id="startDatetime" class="right_text"></div>
					</div>
					<div class="go-row">
						<!--开始时间的time-->
						<span class="timeLabel" id="startDatetimeLabel">
						</span>
					</div>
				</div>
				<div class="centerCell">
					<img style="height:80px;width:26px;" src="../img/rightDate.png"/>
				</div>
				<div class="rightCell">
					<div class="go-row">
						<!--结束时间-->
						<span class="startReq">
							<em>*</em>
							<span class="titleLabel"><i18n key="meeting.meetingRoomApply.endTime"></i18n></span>
						</span>
					</div>
					<div class="go-row">
						<div class="titleLabel" style="color: #717171;" id="endDatetime" class="right_text"></div>
					</div>
					<div class="go-row">
						<span class="timeLabel" id="endDatetimeLabel"></span>
					</div>
				</div>
			</div>
		</ul>

		<ul class="cmp-table-view">
			<!-- 会议室名称 -->
			<li class="cmp-table-view-cell">
				<div class="list_item">
					<div class="left_name"><i18n key="meeting.meetingRoomDetail.name"></i18n></div>
					<div class="right_text" style="word-break:break-all;"><a id="roomName" href="javascript:void(0)" style="color: #3AADFB"></a></div>
				</div>
			</li>
			<!-- 申请人 -->
			<li id="roomSentPer" class="cmp-table-view-cell">
				<div class="list_item">
					<div class="left_name"><i18n key="meeting.meetingRoomCommon.applicant"></i18n></div>
					<div id="appPerName" class="right_text" style="color:#3AADFB;word-break:break-all"></div>
				</div>
			</li>
			<!-- 审核人 -->
			<li id="roomAuditPer" class="cmp-table-view-cell" style="display: none;">
				<div class="list_item">
					<div class="left_name"><i18n key="meeting.meetingRoomCommon.auditPer"></i18n></div>
					<div id="auditPerName" class="right_text" style="color:#3AADFB;word-break:break-all"></div>
				</div>
			</li>
			<li class="cmp-table-view-cell" id="descriptionCell">
				<table class="table_wrap" style="width:100%;">
					<tr>
						<!--用途-->
						<th class="left_name"><i18n key="meeting.meetingRoomApply.description"></i18n></th>
						<th id="description" class="right_text" style="word-break:break-all;"></th>
					</tr>
				</table>
			</li>
			<!-- 会议用品 -->
			<li id="meetResource" class="cmp-table-view-cell"  style="display: none;">
				<table class="table_wrap" style="width:100%;">
					<tr>
						<th class="left_name"><i18n key="meeting.meetingRoomApply.resources"></i18n></th>
						<th id="meetResources" class="right_text" style="word-break:break-all"></th>
					</tr>
				</table>
			</li>

		</ul>

		<ul class="cmp-table-view new_header_content" style="height: 100px;">
			<li class="cmp-table-view-cell">
				<table class="table_wrap" style="width:100%;">
					<tr>
						<!--审核意见-->
						<th class="left_name"><i18n key="meeting.meetingRoom.auditOpinion"></i18n></th>
						<th id="contentTH" class="right_text" style="width: calc(100% - 90px);word-break:break-word;">
							<textarea id="commentContent" style="border: 0px;padding:0px;" placeholder="" class="text" ></textarea>
						</th>
					</tr>
				</table>
			</li>
		</ul>

	</div>
	<footer id="footerDiv" class="cmp-bar-tab cmp-bar-footer auto-height" style="right:0px;left:0px;">
	 	<div class="cmp-block-with-btn cmp_handler_content_blue footer-btn approveNewBtns">
			<a id="cancel" href="javascript:void(0)" style="display: none;">
				<lable id="cancelBtnLable"><i18n key="meeting.meetingRoom.cancel"></i18n></lable>
			</a>
			<a id="finish" href="javascript:void(0)" style="display: none;">
                <lable id="finishBtnLable"><i18n key="meeting.meetingRoom.finish"></i18n></lable>
            </a>
			<a id="disagree" href="javascript:void(0)" style="display: none;"> 
				<lable id="disagreeBtnLable"><i18n key="meeting.meetingRoom.disagree"></i18n></lable>
			</a>
			<a id="agree"  href="javascript:void(0)" style="display: none;">
				<lable id="agreeBtnLable"><i18n key="meeting.meetingRoom.agree"></i18n></lable>
			</a>
		</div>
	</footer>
	<!-- js -->
	<s3:data name='cordova' />  
	<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
	<s3:import type="js"></s3:import>
	<script src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-headerFixed.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-visitingCard.js${data:buildversion}"></script>
	<s3:data name='MeetingDatas.footerScript' />
	<script type="text/javascript" src="<s3:data name='dependencies.meeting'/>/js/mrApprove.js${data:buildversion}"></script>
</body>
</html>